<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>京东(JD.COM)-正品低价、品质保障、配送及时、轻松购物！</title>
    <script src="./js/jquery-3.6.0.min.js"></script>
    <link rel="stylesheet" href="./css/首页.css" />
    <link rel="stylesheet" href="./css/swiper.css" />
    <link rel="stylesheet" href="./css/swiper2.css">
    <script src="./js/axios.min.js"></script>
    <style>
      body{
          overflow:scroll;
          overflow-x:hidden;
        }
    </style>
  </head>
  <body>
    <!-- //第一行图片 -->
    <div class="top">
      <img src="img/nav.png" alt="" />
    </div>
    <!-- //导航条 -->
    <div class="navigation">
      <div class="nav">
        <a href="#" style="float: left; line-height: 30px">河南</a>
        <ul class="ul1">
          <li><a href="./登录.html">你好，请登录</a></li>
          <li><a href="./注册页面.html" style="color: red">免费注册</a></li>
          <li><a href="#">我的订单</a></li>
          <li class="my">
            <a href="#">我的京东</a>
            <div class="my-jd" style="display: none">
              <span>待处理订单</span>
              <span>我的问答</span>
              <span>返修退换货</span>
              <span>我的关注</span>
              <span>降价商品</span>
              <span>待处理订单</span>
              <span>我的问答</span>
              <span>返修退换货</span>
              <span>我的关注</span>
              <span>降价商品</span>
            </div>
          </li>
          <li><a href="#">京东会员</a></li>
          <li><a href="#" style="color: red">企业采购</a></li>
          <li><a href="#">客服服务</a></li>
          <li><a href="#">网站导航</a></li>
          <li><a href="#">手机京东</a></li>
          <li><a href="#">网站无障碍</a></li>
        </ul>
      </div>
    </div>
    <!-- 导航条结束 -->

    <!-- 搜索框 -->
    <div class="w">
      <div class="nav">
        <div class="logo"><img src="img/jd狗.png" alt="" /></div>
        <!-- 中间 -->
        <div class="center">
          <div class="search">
            <input type="text" name="" id="search" />
            <button id="sousuo">搜索</button>
           <a href="./购物车.html"> <button class="cart" style="color: red">我的购物车</button></a>
          </div>
          <div class="hot-search">
            <a href="#" style="color: red">家电好物季</a>
            <a href="#" class="nav-b-a">健康新年</a>
            <a href="#" class="nav-b-a">游戏电视</a>
            <a href="#" class="nav-b-a">游戏电视</a>
            <a href="#" class="nav-b-a">游戏电视</a>
            <a href="#" class="nav-b-a">游戏电视</a>
            <a href="#" class="nav-b-a">游戏电视</a>
            <a href="#" class="nav-b-a">游戏电视</a>
          </div>
          <div class="navitems">
            <ul>
              <li>
                <a href="#" style="color: red"><b>秒杀</b></a>
              </li>
              <li>
                <a href="#"><b style="color: red">优惠券</b></a>
              </li>
              <li><a href="#" class="nav-b-a">PLUS会员</a></li>
              <li><a href="#" class="nav-b-a">品牌闪购</a></li>
              <li><a href="#" class="nav-b-a">拍卖</a></li>
              <li><a href="#" class="nav-b-a">京东家电</a></li>
              <li><a href="#" class="nav-b-a">京东超市</a></li>
              <li><a href="#" class="nav-b-a">京东生鲜</a></li>
              <li><a href="#" class="nav-b-a">京东国际</a></li>
              <li><a href="#" class="nav-b-a">京东云</a></li>
            </ul>
          </div>
        </div>
        <div>
          <img src="img/京东魔方.png" alt="" />
        </div>
      </div>
    </div>
    <!-- 搜索框结束 -->

    <!--京东小超市  -->
    <div class="fs_act_lk_img">
      <a href="#" class="imgA" style="padding-left: 5px"
        ><img src="img/京东超市.webp"
      /></a>
      <div class="bannerImg" style="z-index: 111">
        <img src="img/京东小超市.webp" class="imgB" style="z-index: 111" />
      </div>
    </div>

    <div class="fs_inner">
      <div class="nav">
        <div class="cate">
          <ul>
            <li data-num="1">家用电器</li>
            <li data-num="2">手机/运营商/数码</li>
            <li data-num="3">电脑/办公</li>
            <li data-num="4">家具/家居/家装/厨具</li>
            <li data-num="5">男装/女装/童鞋/内衣</li>
            <li data-num="6">美妆/个护清洁/宠物</li>
            <li data-num="7">女鞋/箱包/中标/珠宝</li>
            <li data-num="8">男鞋/运动/户外</li>
            <li data-num="9">房产/汽车/汽车用品</li>
            <li data-num="10">母婴/玩具乐器</li>
            <li data-num="11">食品/酒类/生鲜/特产</li>
            <li data-num="12">艺术/极品鲜花/农资绿植</li>
            <li data-num="13">医药保健/计生情趣</li>
            <li data-num="14">图书/文娱/教育/电子书</li>
            <li data-num="15">机票/酒店/旅游/生活</li>
            <li data-num="16">理财/众筹/白条/保险</li>
            <li data-num="17">安装/维修/清洗/二手</li>
            <li data-num="18">工业品</li>
            <li>
              <div class="obj">
                <ul class="top-ul"></ul>
                <ul class="left-ul"></ul>
              </div>
            </li>
          </ul>
        </div>

        <!-- 轮播图1 -->
        <div class="foucs-swiper1">
          <div class="swiper mySwiper">
            <div class="swiper-wrapper">
              <div class="swiper-slide">
                <a href="#"><img src="img/s1.webp" alt="" /></a>
              </div>
              <div class="swiper-slide">
                <a href="#"><img src="img/s2.jpg" alt="" /></a>
              </div>
              <div class="swiper-slide">
                <a href="#"><img src="img/s3.webp" alt="" /></a>
              </div>
              <div class="swiper-slide">
                <a href="#"><img src="img/s4.jpg" alt="" /></a>
              </div>
              <div class="swiper-slide">
                <a href="#"><img src="img/s5.jpg" alt="" /></a>
              </div>
              <div class="swiper-slide">
                <a href="#"><img src="img/s6.webp" alt="" /></a>
              </div>
            </div>
            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div>
            <div class="swiper-pagination"></div>
          </div>
        </div>

        <!-- 轮播图2 -->
        <div class="foucs-swiper2">
          <div class="swiper mySwiper">
            <div class="swiper-wrapper">
              <div class="swiper-slide">
                <img src="img/ss1.webp" alt="" />
                <img src="img/ss2.webp" alt="" />
                <img src="img/ss3.webp" alt="" />
              </div>
              <div class="swiper-slide">
                <img src="img/ss4.webp" alt="" />
                <img src="img/ss5.webp" alt="" />
                <img src="img/ss6.webp" alt="" />
              </div>
              <div class="swiper-slide">
                <img src="img/ss7.webp" alt="" />
                <img src="img/ss8.webp" alt="" />
                <img src="img/ss9.webp" alt="" />
              </div>
            </div>
            <!-- <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div> -->
            <div class="swiper-pagination"></div>
          </div>
        </div>

        <div class="recommend">
          <div class="box1">
            <img src="img/jd狗.png" alt="" style="width: 80px" />
            <div class="box-user">
              <p id="User">Hi~欢迎逛京东!</p>
            <b><a href='./登录.html'>登录</a>|<a href="./注册页面.html">注册</a></b>
            </div>
            <div class="p1">新人福利</div>
            <span>PULS会员</span>
          </div>
          <div class="box2">
            <b style="margin-right: 70px">京东快报</b>
            <span>更多 ></span>
            <ul>
              <li><span>热议</span>北湖显示器之家，我...</li>
              <li><span>热议</span>北湖显示器之家，我...</li>
              <li><span>热议</span>北湖显示器之家，我...</li>
              <li><span>热议</span>北湖显示器之家，我...</li>
            </ul>
          </div>
          <div class="box3">
            <a href="#" class="recom-a"></a>
            <a href="#" class="recom-a"></a>
            <a href="#" class="recom-a"></a>
            <a href="#" class="recom-a"></a>
            <a href="#" class="recom-a"></a>
            <a href="#" class="recom-a"></a>
            <a href="#" class="recom-a"></a>
            <a href="#" class="recom-a"></a>
            <a href="#" class="recom-a"></a>
            <a href="#" class="recom-a"></a>
            <a href="#" class="recom-a"></a>
            <a href="#" class="recom-a"></a>
          </div>
        </div>
      </div>
    </div>

    <!-- 京东倒计时 -->
    <div class="seckill" id="seckill">
      <div class="nav">
        <div class="daojishi">
          <div id="box">
            <h1>倒计时</h1>
            <span>COUNT DOWN</span>
            <img src="img/shandian.jpg" alt="" />
            <p>距离结束还剩</p>
            <div id="box1"></div>
            <div id="box2"></div>
            <div id="box3"></div>
            <div class="sp"></div>
          </div>
        </div>
        <!-- swiper3   -->
        <div class="center-swiper">
          <div class="swiper mySwiper1">
            <div class="swiper-wrapper">
              <div class="swiper-slide">
                <img src="img/w1.webp" alt="" />
                <img src="img/w2.webp" alt="" />
                <img src="img/w3.webp" alt="" />
              </div>
              <div class="swiper-slide">
                <img src="img/w4.webp" alt="" />
                <img src="img/w5.webp" alt="" />
                <img src="img/w6.webp" alt="" />
              </div>
              <div class="swiper-slide">
                <img src="img/w7.webp" alt="" />
                <img src="img/w8.webp" alt="" />
                <img src="img/w9.webp" alt="" />
              </div>
              <div class="swiper-slide">
                <img src="img/w10.webp" alt="" />
                <img src="img/w11.webp" alt="" />
                <img src="img/w12.webp" alt="" />
              </div>
            </div>
            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div>
            <!-- <div class="swiper-pagination"></div> -->
          </div>
        </div>
        <!-- 轮播图4  -->
        <div class="center-swiper2 style='text-aline:center'">
          <div class="swiper mySwiper2">
            <div class="swiper-wrapper">
              <div class="swiper-slide">
                <img src="img/ww1.webp" alt="" />
                <p>品牌电脑</p>
              </div>
              <div class="swiper-slide">
                <img src="img/ww2.webp" alt="" />
                <p>品牌手表</p>

              </div>
            </div>

            <!-- <div class="swiper-pagination"></div> -->
          </div>
        </div>
      </div>
    </div>

    <div class="J_spec">
      <!-- 每日特价 -->
      <div class="special" id="special">
        <div class="nav">
          <div class="special-left">
            <div class="tj-top">
              <h2>每日特价 ></h2>
              <ul>
                <li class="xxk"><a href="#">精选</a></li>
                <li class="xxk"><a href="#">美食</a></li>
                <li class="xxk"><a href="#">百货</a></li>
                <li class="xxk"><a href="#">个护</a></li>
                <li class="xxk"><a href="#">预告</a></li>
              </ul>
            </div>
            <!-- 选下卡 -->
            <div class="tj-bt" style="display: block">
              <div class="special-item">
                <img src="img/item1.webp" alt="" />
                <p style="line-height: 3">304不锈钢保温杯带过滤</p>
                <b style="color: red; font-size: 20px">￥29</b>
              </div>
              <div class="special-item1">
                <img src="img/r1.webp" alt="" />
                <span>商务双层水晶玻璃杯便携袋</span>
                <b>￥39.9</b>
              </div>
              <div class="special-item1">
                <img src="img/r2.webp" alt="" />
                <span>门口吸水脚垫酷猫防滑</span>
                <b>￥39.9</b>
              </div>
              <div class="special-item1">
                <img src="img/r3.webp" alt="" />
                <span>年宵花灰引流彩色引流限制</span>
                <b>￥39.9</b>
              </div>
              <div class="special-item1">
                <img src="img/r4.webp" alt="" />
                <span>洁丽雅A类顺面溪水峪金毛</span>
                <b>￥39.9</b>
              </div>
            </div>
            <!-- //2 -->
            <div class="tj-bt">
              <div class="special-item">
                <img src="img/item2.webp" alt="" />
                <p style="line-height: 3">304不锈钢保温杯带过滤</p>
                <b style="color: red; font-size: 20px">￥29</b>
              </div>
              <div class="special-item1">
                <img src="img/a4.webp" alt="" />
                <span>秋冬丝绒羽绒背心保暖</span>
                <b>￥39.9</b>
              </div>
              <div class="special-item1">
                <img src="img/a3.webp" alt="" />
                <span>双层苏伯杯放糖隔热</span>
                <b>￥39.9</b>
              </div>
              <div class="special-item1">
                <img src="img/a2.webp" alt="" />
                <span>瑞源奶皮300ml24管</span>
                <b>￥39.9</b>
              </div>
              <div class="special-item1">
                <img src="img/a1.webp" alt="" />
                <span>门口一会点访华酷猫</span>
                <b>￥39.9</b>
              </div>
            </div>
            <!-- 33333333333333 -->
            <div class="tj-bt">
              <div class="special-item">
                <img src="img/item3.webp" alt="" />
                <p style="line-height: 3">304不锈钢保温杯带过滤</p>
                <b style="color: red; font-size: 20px">￥29</b>
              </div>
              <div class="special-item1">
                <img src="img/wq1.webp" alt="" />
                <span>韩版迷你水杯女可爱小乔被</span>
                <b>￥39.9</b>
              </div>
              <div class="special-item1">
                <img src="img/wq2.webp" alt="" />
                <span>黑沙HEISHA无线蓝牙耳机</span>
                <b>￥39.9</b>
              </div>
              <div class="special-item1">
                <img src="img/wq3.webp" alt="" />
                <span>羊毛被自北戎100%进口澳洲</span>
                <b>￥39.9</b>
              </div>
              <div class="special-item1">
                <img src="img/wq4.webp" alt="" />
                <span>羊羔绒被子保暖棉背心</span>
                <b>￥39.9</b>
              </div>
            </div>
            <div class="tj-bt">
              <div class="special-item">
                <img src="img/item4.webp" alt="" />
                <p style="line-height: 3">304不锈钢保温杯带过滤</p>
                <b style="color: red; font-size: 20px">￥29</b>
              </div>
              <div class="special-item1">
                <img src="img/e1.webp" alt="" />
                <span>新鲜黑皮赶着5斤</span>
                <b>￥39.9</b>
              </div>
              <div class="special-item1">
                <img src="img/e2.webp" alt="" />
                <span>书打出坚果零食夏威夷果</span>
                <b>￥39.9</b>
              </div>
              <div class="special-item1">
                <img src="img/e3.webp" alt="" />
                <span>第二件半价散养土鸡</span>
                <b>￥39.9</b>
              </div>
              <div class="special-item1">
                <img src="img/e4.webp" alt="" />
                <span>广西香蕉小米椒敬重</span>
                <b>￥39.9</b>
              </div>
            </div>

            <!-- 4444 -->
            <div class="tj-bt">
              <div class="special-item">
                <img src="img/item2.webp" alt="" />
                <p style="line-height: 3">304不锈钢保温杯带过滤</p>
                <b style="color: red; font-size: 20px">￥29</b>
              </div>
              <div class="special-item1">
                <img src="img/q1.webp" alt="" />
                <span>面凤凰汇市嘉义郡也</span>
                <b>￥39.9</b>
              </div>
              <div class="special-item1">
                <img src="img/q2.webp" alt="" />
                <span>凡士林经典修护京东</span>
                <b>￥39.9</b>
              </div>
              <div class="special-item1">
                <img src="img/q4.webp" alt="" />
                <span>故事古龙香氛希姆塔状</span>
                <b>￥39.9</b>
              </div>
              <div class="special-item1">
                <img src="img/q3.webp" alt="" />
                <span>舌苔情节这里舌苔挂</span>
                <b>￥39.9</b>
              </div>
            </div>
          </div>

          <!-- 右边 -->
          <div class="special-right">
            <div class="tj-top">
              <h2>品牌闪购 ></h2>
            </div>
            <div class="tj-btm">
              <div class="item-img">
                <img src="img/qq1.webp" alt="" />
              </div>
              <div
                class="item-right"
                style="border-right: 1px solid rgb(200, 200, 200)"
              >
                <img src="img/z1.webp" alt="" />
                <p>大碗表闪购</p>
              </div>
              <div class="item-right">
                <img src="img/z2.webp" alt="" />
                <p>大碗表闪购</p>
              </div>
              <div
                class="item-right"
                style="border-right: 1px solid rgb(200, 200, 200)"
              >
                <img src="img/z3.webp" alt="" />
                <p>大碗表闪购</p>
              </div>
              <div class="item-right">
                <img src="img/z4.webp" alt="" />
                <p>大碗表闪购</p>
              </div>
              <div
                class="item-right"
                style="border-right: 1px solid rgb(200, 200, 200)"
              >
                <img src="img/z5.webp" alt="" />
                <p>大碗表闪购</p>
              </div>
              <div class="item-right">
                <img src="img/right2.webp" alt="" />
                <p>大碗表闪购</p>
              </div>
            </div>
          </div>
          <!--  -->
        </div>
      </div>

      <!-- ////////////发现好货///////////////////// -->
      <div class="J_niceGoods" id="nicegood">
        <div class="nav">
          <div class="nav-right">
            <img src="img/jjjjj.png" alt="" />
          </div>
          <!-- swiper  -->
          <div class="nice-swiper">
            <div class="foucs-swiper1">
              <div class="swiper mySwiper3">
                <div class="swiper-wrapper">
                  <div class="swiper-slide">
                    <div class="sp">
                      <a href="#"><img src="img/d1.webp" alt="" /></a>
                      <p><a href="#">平板电脑</a></p>
                    </div>
                    <div class="sp">
                      <p><a href="#">平板电脑</a></p>
                      <a href="#"><img src="img/d2.webp" alt="" /></a>
                    </div>
                    <div class="sp">
                      <a href="#"><img src="img/wwww1.webp" alt="" /></a>
                      <p><a href="#">平板电脑</a></p>
                    </div>
                  </div>
                  <div class="swiper-slide">
                    <div class="sp">
                      <a href="#"><img src="img/d3.webp" alt="" /></a>
                      <p><a href="#">华为大牌手机</a></p>
                    </div>
                    <div class="sp">
                      <p><a href="#">华为大牌手机</a></p>
                      <a href="#"><img src="img/d4.webp" alt="" /></a>
                    </div>
                    <div class="sp">
                      <a href="#"><img src="img/wwww2.webp" alt="" /></a>
                      <p><a href="#">华为大牌手机</a></p>
                    </div>
                  </div>
                  <div class="swiper-slide">
                    <div class="sp">
                      <a href="#"><img src="img/d5.webp" alt="" /></a>
                      <p><a href="#">蓝牙耳机</a></p>
                    </div>
                    <div class="sp">
                      <p><a href="#">蓝牙耳机</a></p>
                      <a href="#"><img src="img/d6.webp" alt="" /></a>
                    </div>
                    <div class="sp">
                      <a href="#"><img src="img/wwww3.webp" alt="" /></a>
                      <p><a href="#">蓝牙耳机</a></p>
                    </div>
                  </div>
                  <div class="swiper-slide">
                    <div class="sp">
                      <a href="#"><img src="img/d7.webp" alt="" /></a>
                      <p><a href="#">平板电脑</a></p>
                    </div>
                    <div class="sp">
                      <p><a href="#">平板电脑</a></p>
                      <a href="#"><img src="img/d8.webp" alt="" /></a>
                    </div>
                    <div class="sp">
                      <a href="#"><img src="img/wwww4.webp" alt="" /></a>
                      <p><a href="#">平板电脑</a></p>
                    </div>
                  </div>
                  <div class="swiper-slide">
                    <div class="sp">
                      <a href="#"><img src="img/d9.webp" alt="" /></a>
                      <p><a href="#">平板电脑</a></p>
                    </div>
                    <div class="sp">
                      <p><a href="#">平板电脑</a></p>
                      <a href="#"><img src="img/d10.webp" alt="" /></a>
                    </div>
                    <div class="sp">
                      <a href="#"><img src="img/wwww6.webp" alt="" /></a>
                      <p><a href="#">平板电脑</a></p>
                    </div>
                  </div>
                  <div class="swiper-slide">
                    <div class="sp">
                      <a href="#"><img src="img/d11.webp" alt="" /></a>
                      <p><a href="#">平板电脑</a></p>
                    </div>
                    <div class="sp">
                      <p><a href="#">平板电脑</a></p>
                      <a href="#"><img src="img/d2.webp" alt="" /></a>
                    </div>
                    <div class="sp">
                      <a href="#"><img src="img/wwww7.webp" alt="" /></a>
                      <p><a href="#">平板电脑</a></p>
                    </div>
                  </div>
                  <div class="swiper-slide">
                    <div class="sp">
                      <a href="#"><img src="img/d4.webp" alt="" /></a>
                      <p><a href="#">平板电脑</a></p>
                    </div>
                    <div class="sp">
                      <p><a href="#">平板电脑</a></p>
                      <a href="#"><img src="img/d6.webp" alt="" /></a>
                    </div>
                    <div class="sp">
                      <a href="#"><img src="img/wwww8.webp" alt="" /></a>
                      <p><a href="#">平板电脑</a></p>
                    </div>
                  </div>
                  <div class="swiper-slide">
                    <div class="sp">
                      <a href="#"><img src="img/d1.webp" alt="" /></a>
                      <p><a href="#">平板电脑</a></p>
                    </div>
                    <div class="sp">
                      <p><a href="#">平板电脑</a></p>
                      <a href="#"><img src="img/d7.webp" alt="" /></a>
                    </div>
                    <div class="sp">
                      <a href="#"><img src="img/wwww9.webp" alt="" /></a>
                      <p><a href="#">平板电脑</a></p>
                    </div>
                  </div>
                </div>
                <div class="swiper-pagination"></div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- /////////////最后一行轮播图 新品首发///////////////////////////// -->
      <div class="jd_container" id="xinpinshoufa">
        <div class="nav">
          <div class="J_newArrival">
            <div class="box-xp">
              <h2>新品首发</h2>
            </div>
            <div class="last-swiper">
              <!-- //////////////////////////// -->
              <div class="swiper-container">
                <div class="swiper-wrapper">
                  <div class="swiper-slide" style="margin:0 2px;"><img src="img/l1.webp" alt=""></div>
                  <div class="swiper-slide" style="margin:0 2px;"><img src="img/l2.webp" alt=""></div>
                  <div class="swiper-slide" style="margin:0 2px;"><img src="img/l3.webp" alt=""></div> 
                </div>
            </div>
          </div>
          
        </div>
        <div class="J_newArrival1">
          <div class="box-xp">
            <h2>JOY寻宝</h2>
          </div>
          <div class="tab_head">
            <span>换个新机</span>
            <span>健身达人</span>
            <span>掌上书房</span>
            <span>乔迁之喜</span>
          </div>
          <div class="joy-item">
            <img src="img/j1.webp" alt="" style="float: left;margin-right: 10px;">
            <span >睿米无线吸尘器家用洗地机自清洁电动拖把手持除螨吸</span>
            <br>
            <b style="color: red;">￥2199.00</b>
          </div>
          <div class="joy-item">
            <img src="img/j1.webp" alt="" style="float: left;margin-right: 10px;">
            <span >睿米无线吸尘器家用洗地机自清洁电动拖把手持除螨吸</span>
           <br>
            <b style="color: red">￥2199.00</b>
          </div>
          <div class="joy-item">
            <img src="img/j1.webp" alt="" style="float: left;margin-right: 10px;">
            <span >睿米无线吸尘器家用洗地机自清洁电动拖把手持除螨吸</span>
            <br>
            <b style="color: red;">￥2199.00</b>
          </div>
        </div>
        <div class="J_newArrival2">
          <div class="box-xp">
            <h2>逛好店</h2>
          </div>
          <div class="shop">
            <img src="img/sp.webp" class="sp-img">
            <p style="margin-bottom:20px;font-size: 20px;">小米京东自营旗舰店</p>
            <span style="font-size: 12px;">6191.7万人关注</span>
          </div>
          <div class="shop">
            <img src="img/sp2.webp" class="sp-img">
            <p style="margin-bottom:20px;font-size: 20px;">中国北斗地图</p>
            <span style="font-size: 12px;">6191.7万人关注</span>
          </div>
        </div>




        <!-- ////////////////////////////// -->
        <div class="hongbao">
          <div class="box-xp">
            <h2>领券中心</h2>
          </div>
          <div class="hb-box">
            <b style="color: red;font-size: 20px;">￥780</b>
            <p>满3000元可用</p>
            <span>限购HAZZYS童装旗舰店</span>
            <p class="ppp">更多好券</p>
          </div>
          <div class="hb-box">
            <b style="color: red;font-size: 20px;">￥780</b>
            <p>满3000元可用</p>
            <span>限购HAZZYS童装旗舰店</span>
            <p class="ppp1">更多好券</p>
          </div>
          <div class="hb-box">
            <b style="color: red;font-size: 20px;">￥780</b>
            <p>满3000元可用</p>
            <span>限购HAZZYS童装旗舰店</span>
            <p class="ppp2">更多好券</p>
          </div>
        </div>
      </div>
    </div>
      <!-- /////////////////////////////////////////// -->

      <!-- //////////////////////////////////////////////// -->
      <!-- 京东侧边栏 -->
      <div class="cebianlan">
        <ul>
          <li><a href="#seckill">京东秒杀</a></li>
          <li><a href="#nicegood">特色优选</a></li>
          <li><a href="#special">每日特价</a></li>
          <li><a href="#xinpinshoufa">新品首发</a></li>
          <li><a href="#">回到顶部</a></li>
        </ul>
      </div>
      <!-- ////////////////////////////////////////////////////// -->

      <!-- ///////////搜索框下拉 ///////////////////////-->
      <div class="search-btn">
            <input type="text" name="" id="search" />
            <button class="bbtn">搜索</button>
          <a href="./购物车.html">  <button class="cart" style="color: red">我的购物车</button></a>
          </div>
<!-- ////////////////////////////////////////////////////////////////////// -->

<!-- /////////////////商品列表/////////////////////////////////// -->
<div class="product-list">
  <h1 style="width: 200px ;margin:auto;">频道广场</h1>
  <div class="nav">
    <ul class="product-ul">
      <!-- <li>
        <img src="img/s4.jpg" alt="">
        <h3>啊啊我伟大</h3>
        <p>$价格15651515</p>
        <span>查看详情</span>
      </li> -->
    </ul>
  </div>
</div>
<div class="next-btn">
  <button class="shang-p">上一页</button>
  <button class="next-p">下一页</button>

</div>
    <!-- js文件 -->
    <script src="./js/首页.js"></script>
    <script src="./js/swiper.js"></script>
    <script src="./js/swiper2.js"></script>
    <script src="./js/swiper2.js"></script>
    <script>
      $(".nav-b-a").hover(
        function () {
          $(this).css("color", "red");
        },
        function () {
          $(this).css("color", "");
        }
      );
    </script>
    <script>
     var swiper = new Swiper(".mySwiper", {
  spaceBetween: 30,
  centeredSlides: true,
  autoplay: {
    delay: 2800,
    disableOnInteraction: false,
  },
  pagination: {
    el: ".swiper-pagination",
    clickable: true,
  },
  navigation: {
    nextEl: ".swiper-button-next",
    prevEl: ".swiper-button-prev",
  },
});
var swiper1 = new Swiper(".mySwiper1", {
  spaceBetween: 30,
  centeredSlides: true,
  autoplay: {
    delay: 2500,
    disableOnInteraction: false,
  },
  pagination: {
    el: ".swiper-pagination",
    clickable: true,
  },
  navigation: {
    nextEl: ".swiper-button-next",
    prevEl: ".swiper-button-prev",
  },
});
var swiper2 = new Swiper(".mySwiper2", {
  spaceBetween: 30,
  centeredSlides: true,
  autoplay: {
    delay: 3000,
    disableOnInteraction: false,
  },
  pagination: {
    el: ".swiper-pagination",
    clickable: true,
  },
  navigation: {
    nextEl: ".swiper-button-next",
    prevEl: ".swiper-button-prev",
  },
});
var swiper3 = new Swiper(".mySwiper3", {
  spaceBetween: 30,
  centeredSlides: true,
  autoplay: {
    delay: 5000,
    disableOnInteraction: false,
  },
  pagination: {
    el: ".swiper-pagination",
    clickable: true,
  },
  navigation: {
    nextEl: ".swiper-button-next",
    prevEl: ".swiper-button-prev",
  },
});
var swiper4 = new Swiper(".swiper-container", {
  slidesPerView: 3,
  spaceBetween: 30,
  centeredSlides: true,
  loop: true,
  autoplay: {
    delay: 1000,
    disableOnInteraction: false,
  },
  pagination: {
    el: ".swiper-pagination",
    clickable: true,
  },
});
    </script>
    <script></script>
  </body>
</html>
